<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
    <script src="./node_modules/jquery/dist/jquery.js"></script>
    <script src="./js/move.js"></script>
    <script src="./js/bullet.js"></script>
    <style>
        
    </style>
</head>
<body>
    <audio controls id="mic">
        <source src="./imgs/Elecrystal Sound Team - 森林.mp3" type="audio/ogg">
         您的浏览器不支持 audio 元素
      </audio>
    <div id="miuc"><img src="./imgs/miusc.png" alt=""></div>
    <div id="box_blood">
        <p id="gameplayer">玩家ID：<span id="playerID"></span></p>
        <div id="blood">
            <p class="color"></p>
            <p class="color"></p>
            <p class="color"></p>
            <p class="color"></p>
            <p class="color"></p>
            <p id="blood_number">
                <span class="lead_number">100</span>
                <span>/</span>
                <span>5</span>
            </p>
           
        </div>
        <span id="shu">分数:</span>
        <span id="fen">0</span> 
        <div id="zidan_right">
            <span class="wen">10</span>
            <span class="wen">/</span>
            <img src="./imgs/12.png" alt="" id="bullet" data-key="ordinary">
        </div>
    </div>
    <!--游戏盒子-->
    <div id="biggestbox">

        <!--玩家角色-->
        <div id="lead">
            <img src="./imgs/1_2.gif" alt="" id="lead_boy">
            <img src="./imgs/12.png" alt="" id="arms">
        </div>

        
        <div id="box">
                <div id="onlod"><img src="./imgs/onload.png" alt=""></div>
        </div>


        <!--游戏结束页面-->
        <div id="geameoverbox">
            <div id="gameoverdiv">
                <p id="gameoverspan"><img src="./imgs/gameover.png" alt=""></p>
                <p class="new">重新开始</p>
                <p class="see">排行榜</p>
            </div>
        </div>


        <!--登录-->
        <div id="sign">
            <div id="sign_down">
                <div>
                    <button>玩家:</button>
                    <input class="pleayer"></input>
                </div>
                
                <div class="sign">登录</div>
            </div>
            
        </div>

        <!--排行榜-->
        <div id="RankingList">
                <div id="RankingListbox">
                    <p class="pai">排行榜</p>
                    <hr>
                    <!-- <div class="clear"></div> -->
                    <div class="player_fen">
                        <p class="serial_number"><span>序号</span></p>
                        <p class="id"><span>玩家名称</span></p>
                        <p class="maxfen"><span>历史最高分数</span></p>
                    </div>
                </div>
        </div>
    </div>
    
</body>
</html>